<!--vue模板-->
<template>
 <el-carousel style="height: 100%;" indicator-position="outside" @next="change">
    <el-carousel-item   @change = load>
      <img ref="imgs" class="img" src="https://cdn.seovx.com/?mom=302" alt="" @next="change">
    </el-carousel-item>
  </el-carousel>
</template>

<!--vue 组件选项定义-->
<script setup>
import { ref } from 'vue'
const imgs = ref(null)

const load = () => {
    const date = new Date().getTime();
    console.log("date",date);
  imgs.value.src = 'https://cdn.seovx.com/?mom=302&1234'+ date;
}
</script>

<!--vue样式 scoped当前样式只适用于当前组件-->
<style scoped>

:deep(.el-carousel__container) {
    height: 100%;
}
.el-carousel__item img {
  display: flex;
    width: 100%;
    height: 100%;

}

.el-carousel__item:nth-child(2n) {
  background-color: transparent;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: transparent;
}
</style>